<template>
  <basic-container>
    <div class="wel">
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-platform-eleme"-->
<!--                   text="开始菜单1"-->
<!--                   time="1"-->
<!--                   background="/img/bg3.jpg"-->
<!--                   color="#d56259"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-eleme"-->
<!--                   text="开始菜单2"-->
<!--                   time="2"-->
<!--                   background="/img/bg2.jpg"-->
<!--                   color="#419ce7"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-delete-solid"-->
<!--                   text="开始菜单3"-->
<!--                   time="3"-->
<!--                   color="#56b69b"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-delete"-->
<!--                   text="开始菜单4"-->
<!--                   time="4"-->
<!--                   color="#d44858"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-s-tools"-->
<!--                   text="开始菜单5"-->
<!--                   time="5"-->
<!--                   color="#3a1f7e"></basic-block>-->
<!--      <basic-block :width="410"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-setting"-->
<!--                   text="开始菜单6"-->
<!--                   time="6"-->
<!--                   background="/img/bg1.jpg"-->
<!--                   dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述"-->
<!--                   color="#422829"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-user-solid"-->
<!--                   text="开始菜单7"-->
<!--                   time="7"-->
<!--                   color="#613cbd"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-star-off"-->
<!--                   text="开始菜单8"-->
<!--                   time="8"-->
<!--                   color="#da542e"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-goods"-->
<!--                   text="开始菜单9"-->
<!--                   time="9"-->
<!--                   color="#2e8aef"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-circle-check"-->
<!--                   text="开始菜单10"-->
<!--                   time="10"-->
<!--                   color="#3d17b8"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-s-platform"-->
<!--                   text="开始菜单11"-->
<!--                   time="11"-->
<!--                   color="#e31462"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-s-fold"-->
<!--                   text="开始菜单12"-->
<!--                   time="12"-->
<!--                   color="#d9532d"></basic-block>-->
<!--      <basic-block :width="410"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-s-open"-->
<!--                   text="开始菜单13"-->
<!--                   time="13"-->
<!--                   dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述"-->
<!--                   color="#b72147"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-s-flag"-->
<!--                   text="开始菜单14"-->
<!--                   time="14"-->
<!--                   color="#01a100"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-s-data"-->
<!--                   text="开始菜单15"-->
<!--                   time="15"-->
<!--                   color="#0c56bf"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-s-grid"-->
<!--                   text="开始菜单16"-->
<!--                   time="16"-->
<!--                   color="#0098a9"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-s-release"-->
<!--                   text="开始菜单17"-->
<!--                   time="17"-->
<!--                   background="/img/bg2.jpg"-->
<!--                   color="#209bdf"></basic-block>-->
<!--      <basic-block :width="width"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-s-home"-->
<!--                   text="开始菜单18"-->
<!--                   time="18"-->
<!--                   background="/img/bg3.jpg"-->
<!--                   color="#603bbc"></basic-block>-->
<!--      <basic-block :width="515"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-s-promotion"-->
<!--                   text="开始菜单19"-->
<!--                   time="19"-->
<!--                   dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述"-->
<!--                   color="#009bad"></basic-block>-->
<!--      <basic-block :width="515"-->
<!--                   :height="height"-->
<!--                   icon="el-icon-s-custom"-->
<!--                   text="开始菜单20"-->
<!--                   time="20"-->
<!--                   background="/img/bg4.jpg"-->
<!--                   dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述"-->
<!--                   color="#d74e2a"></basic-block>-->
    </div>
  </basic-container>
</template>

<script>
export default {
  data () {
    return {
      width: 200,
      height: 120,
    }
  }
}
</script>

<style lang="scss">
.wel {
  display: flex;
  flex-wrap: wrap;
  width: 1100px;
  margin: 0 auto;
}
</style>
